	@import "reset.css";
	body {
		color: #FFFFFF;
		font-family: Tahoma,sans-serif;
		font-size: 14px;
	}
	.clear{clear: both;}
	.st_main{
		position: fixed;
		width: 100%;
		top: 0  ;
		left: 0;
		float:left;
		visibility: hidden;
		height:100%;
	}
	span[for="User[rules]"]{
		position: absolute;
		margin-top: 25px;
	}
	div.error{
		position: absolute;
		color: red !important; 
		font-weight: bold;
		font-size: 12px;
	}
	span.error
	{
		color: red !important;
		font-weight: bold;
		font-size: 13px;
	}
	.st_maina{
		position: fixed;
		width: 100%;
		top: 0  ;
		left: 0;
		float:left;
		height:100%;
	}
	.st_overlay{
		height: 100%;
		left: 0;
		opacity: 0.3;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.position_main{
		position: relative;
		height: 100%;
		top: 0px;
		min-width  : 1200px;
		min-height: 700px!important;
	}
	header{
		width: 310px;
		background: url("../images/bg_mainnav.png");
		position: relative;
		z-index: 99999;
		box-shadow: -150em 0 0 150em rgba(0, 0, 0, 0.3);
		padding: 0;
		height: 105%;
	}
	.main_ct {
		width: 73%;
		min-width: 840px;
		right:0;
		margin: 0px 2px;
		height:100%;
		float: left;
	}
	.question::-webkit-input-placeholder { /* WebKit browsers */
		color:    #000;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #fff;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #fff;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #fff;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #fff;
	}
	.logo {
		padding-bottom: 27px;
	}
	.logo h1{
		background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
		height: 100px;
		text-indent: -99999px;
		width: 248px;
		margin: 10px 30px;
	}
	header{
		border-right:5px solid #5c920e;
		margin:0px -6px;
	}
	.nav{
		
	}
	.nav li a{
		text-transform:capitalize;
		font-size:14px;
		background: url("../images/icon_navigation.png")  ;
	}
	.nav li a:hover{
		text-decoration:underline;
		

	}
	.nav {

		padding:0px 0px 0px 6px;}
		.nav li{
			padding:12px 0PX;
			width: 106% ;
			margin:0;
			
			
		}
		.current{
			background: url("../images/nav_hover.png") no-repeat;
			background-position: top right;
			margin:0 18px;
			border-left:7px solid #518416;
			transition: .2s all linear;
		}
		.current a{
			color:#75ab26;
			margin-left: 14px!important;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.07)!important;
		}
		.home.current a{
			background-position:-159px 13px;
			margin-left: 14px;
		}
		.newspa.current a{
			background-position:-159px -38px;
		}
		.calendar.current a{
			background-position:-159px -86px;
			background-repeat:no-repeat;
		}
		.event.current a{
			background-position:-159px -133px;
		}
		.ads.current a{
			background-position:-159px -181px;
		}
		.faq_contact.current a{
			background-position:-159px -229px;
		}
		nav li:hover{

		}
		.nav li a{
			padding: 11px 0px 9px 30px;
			width: 100%;
			margin:0 20px;
			text-shadow:0px 1px 0px #669621;
		}
		li.home a{
			background-position: 0 10px;
			background-repeat: no-repeat;
			text-shadow: none;
		}
		li.newspa a{
			background-position: 0 -39px;
			background-repeat: no-repeat;
		}
		li.calendar a{
			background-position: 1px -87px;
			background-repeat: no-repeat;
			background-size:310px auto;
		}
		li.event a{
			background-position: 0 -133px;
			background-repeat: no-repeat;
		}
		li.ads a{
			background-position: 1px -180px;
			background-repeat: no-repeat;
		}
		li.faq_contact a{
			background-position: 1px -230px;
			background-repeat: no-repeat;
		}
		.header_main{
			background: #ececec;
			height: 45px;
			box-shadow: 0px 1px 2px #7F8686;
			margin-bottom:10px ;
			padding-left: 12px;
			font-size: 0;
			position: relative;
			z-index: 999999;
		}
		.header_main > a{
			color: #f56506;
			line-height: 43px;
			padding: 0 10px;
			font-size: 14px;
			border-left: 1px solid #f0b690;
		}
		.header_main > a:first-child{
			border-right: 1px solid #f56506;
			border-left: none;
		}
		.user_panel{display: inline-block;margin-right: 20px;}
		.user_panel img{
			vertical-align: middle;
			margin-left: -6px;
			margin-right: 5px;
		}
		.user_panel a{
			color: #f56506;
			font-size: 14px;
			line-height: 43px;
		}
		.user_panel a:hover{
			text-decoration: none;
		}
		.user_panel ul{
			background:  #fff;
			padding: 10px;
			display: none;
			position: absolute;
			width: 180px;
			top: 47px;
			left: 0px;
			-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.28);
			-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.28);
			box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.28);
		}
		.user_panel > li{height: 47px;}
		.user_panel > li:hover ul{display: block;}
		.user_panel ul li:first-child{border-top: none;}
		.user_panel ul li{border-top: 1px solid #ededed;}
		.user_panel ul li a{
			color: #848383;
			line-height: 38px;
		}
		.user_panel li a .arrow{
			background: url("../images/drop_arrow_user.png") 0px 0px no-repeat;
			display: inline-block;
			height: 6px;
			width: 9px;
			vertical-align: middle;
		}
		.facebook{
			background: url("../images/facenook.png") no-repeat scroll 7px 3px transparent;
			padding: 6px 35px !important;
			border: none!important;
		}
		.content{
			padding: 37px 6px 37px 37px;
			background: url("../images/bg_content.png");
			height:85%;
			z-index:0;
		}
		.content_text{
			padding-right: 20px;
		}
		.content h2{
			padding-bottom: 20px;
			font-size:18px;
			font-weight: normal;
			text-shadow: 0 0 10px rgba(230, 255, 194, 0.32);
		}
		.cp_right{
			position: absolute;
			bottom: 26px;
			margin:0 26px;
			font-size: 13px;
			text-shadow:0px 1px 0px #669621;
		}
		.content_text p{
			width: 96%;
			text-align: justify;
		}
		a~header{
			background: url("../images/bg_mainnav.png") repeat scroll 0 0 transparent;
			box-shadow: -50em 0 0 50em rgba(0, 0, 0, 0.3);
		}
		select.customselect{
			width: 275px;
			height: 36px!important;
			-webkit-appearance: menulist-button;
			position: absolute;
			opacity: 0;
			background: #141312;
			color: #fff;
			font-size: 14px;
		}
		span.customselect,.content_form input[type="text"] ,textarea,.content_form input[type="password"]{
			color:#fff;
			height: 35px;
			font-size: 14px;
			width: 275px;
			background: rgba(255, 255, 255, 0.05) left top repeat;
			border: 0;
			outline: none;
		}
		span.smallselect,select.smallselect{
			width: 83px;
			margin-right: 4px;
			-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
			-moz-box-shadow:    0px 0px 1px rgba(0, 0, 0, 0.49);
			box-shadow:         0px 0px 1px rgba(0, 0, 0, 0.49);
		}
		span.mediumselect,select.mediumselect{
			width: 93px;
			-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
			-moz-box-shadow:    0px 0px 1px rgba(0, 0, 0, 0.49);
			box-shadow:         0px 0px 1px rgba(0, 0, 0, 0.49);
		}
		.content_form input[type="text"],.content_form input[type="password"]{
			width: 263px;
			padding-left: 10px;
			height: 32px;
			border: 1px solid rgba(255, 255, 255, 0.05);
			border-left: none!important;
		}
		.content_form input[type="submit"]{
			float: right;
			background: url(../images/bg_btn_post.png) left top repeat-x;
			padding: 9px 17px;
			color: #fff;
			font-size: 14px;
			border: none;
			cursor: pointer;
			text-shadow: 1px 1px 0px rgba(54, 87, 6, 0.11);
		}
		.content_form input[type="reset"]{
			float: right;
			background: rgba(255, 255, 255, 0.05);
			padding: 9px 17px;
			color: #75ab26;
			font-size: 14px;
			border: none;
			cursor: pointer;
			margin-right: 10px;
		}
		.content_form input[type="submit"]:hover{
			background-image: url(../images/bg_btn_post_hover.png);
		}
		.content_form input[type="reset"]:hover{
			background: rgba(255, 255, 255, 0.1);
		}
		.content_form p.input_wrapper{
			width: 312px;
			border: 1px solid rgba(0, 0, 0, 0.01);
			position: relative;
		}
		.content_form p{
			margin: 0 0 15px 0;
		}
		.register_form p.phover input,.register_form p.pfocus input{
			border: 1px solid #75ab26;
		}
		.avarta_edit{
			background: url(../images/avarta_lon.png) left top no-repeat;
			margin-left: 20px;
			width: 139px;
			height: 81px;
			-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
			-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.22);
			box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.22);
			padding-top: 58px;
			margin-top: 77px;
		}
		.choose_btn{
			background: url(../images/choose_btn.png) left top no-repeat;
			display: block;
			margin: 0 auto;
			width: 80px;
			color: #75ab26;
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
			height: 19px;
			-webkit-box-shadow: 0px 2px 3px rgba(82, 82, 82, 0.16);
			-moz-box-shadow:    0px 2px 3px rgba(82, 82, 82, 0.16);
			box-shadow:         0px 2px 3px rgba(82, 82, 82, 0.16);
			font-size: 12px;
			text-align: center;
			padding-top: 5px;
		}
		.choose_btn:hover{
			text-decoration: none;
			background-image: url(../images/choose_btn_hover.png);
		}
		.avarta_edit a{display:none;}
		.avarta_edit:hover a{display: block;}
		textarea{
			height: 80px;
			width: 287px;
			padding: 10px;
			font-family: tahoma;
			font-size: 12px;
		}
		span.customselect.changed {
		}
		.customselect .customSelectInner {
			background:url(../images/drop_arrow.png) 260px 15px no-repeat;
			height: 16px;
			padding: 10px;
			width: 255px;
		}
		.smallselect .customSelectInner{
			width: 63px;
			background-position: 68px 15px;
		}
		.mediumselect .customSelectInner{
			width: 73px;
			background-position: 78px 15px;
		}
		.customSelect, .customSelectInner {
			display: inline-block;
		}
		.content_form img{
			vertical-align: top;
		}
		.content_form label{
			color: #75ab26;
			padding: 4px 0 10px;
			display: block;
		}
		.content_form label:first-child{
			padding-top: 0px;
		}
		.one_column{width: 315px!important; margin: 0 auto;position: relative;}
		.left_column{float: left;}
		.right_column{float: right;margin-top: 40px;}
		.two-column{width: 715px; margin: 0 auto}
		/* quang cao */
		.ads_list{}
		.ads_list .ads_item{
			position: relative;
			-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
			-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.6);
			box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.6);
			height: 240px;
			width: 230px;
			overflow: hidden;
			display: inline-block;
			margin-right: 25px;
			margin-bottom:25px;
		}
		.layout_hover{
			height: 220px;
			width: 210px;
			background: url(../images/bg_trans_layout.png) repeat;
			padding: 10px;
			text-align: center;
			position: absolute;
			top: -240px;
			left: 0px;
		}
		h3{
			color: #75ab26;
			font-weight:normal;
			font-size: 14px;
			margin-bottom: 10px;
			text-align: left;
		}
		.layout_hover p{}
		.layout_hover a{
			background: url(../images/btn_chi_tiet.png) 0px 0px repeat-x;
			padding: 10px 17px;
			height: 17px;
			margin: 0 auto;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.layout_hover a:hover{
			background-image: url(../images/btn_chi_tiet_hover.png);
			text-decoration: none;
		}
		.layout_hover a img{
			margin-right: 8px;
		}
		/* binh luan */
		.comment{
			overflow: hidden;
			padding: 10px 0px;
		}
		.comment div{
			display: inline-block;
		}
		.comment input[type="submit"]{
			font-size: 12px;
			padding: 6px 17px;
		}
		.comment .avatar{
			text-align: center;
			width: 9%;
			float: left;
		}
		.comment .avatar img{
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.cmt_content{
			width: 90%;
			float: left;
		}
		.cmt_content p{
			font-size: 12px;
			margin-bottom: 0px;
			margin-top: 10px;
		}
		.cmt_content p{
			width: 95%;
		}
		.cmt_content span{
			font-size: 11px;
			color: #9e9e9e;
			margin-right: 10px;	
		}
		.content_form{
			width: 100%;
		}
		.cmt_content textarea{
			background: rgba(255, 255, 255, 0.05);
			width: 98%;
			height: 15px;
			padding: 1%;
			margin-top: -5px;
		}
		.comment_group{
			border: 1px solid rgba(84, 84, 84, 0.5);
			padding: 0 9px;
			margin-top: 7px;
		}
		.comment_group .comment .avatar{
			text-align: left;
		}
		.comment_group > li{
			border-top: 1px solid rgba(84, 84, 84, 0.5);
		}
		.comment_group > li:first-child{
			border-top: none;
		}
		#contact input[type="submit"], .link_contact {
			background: url(../images/btn_contact.png) left top repeat;
			font-size: 12px;
			text-shadow: 1px 1px 0px rgba(54, 87, 6, 0.11);
			display: block;
			padding: 5px 8px 5px 5px;
			line-height: 16px;
			-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.37);
			-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.37);
			box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.37);
		}
		.link_contact{
			margin-right: 25px;
		}
		.link_contact img{
			vertical-align: bottom;
			margin-right: 2px;
		}
		.link_contact:hover,#contact input[type="submit"]:hover{
			background-image: url(../images/btn_contact_hover.png);
			text-decoration: none;
		}
		/*Trip detail*/
		.trip_detail{
			border-collapse: separate;
			border-spacing: 0px;
		}
		.trip_detail td{
			padding: 10px 20px 10px 0;
		}
		.trip_detail td label{
			padding: 10px;
			display: block;
			background: url(../images/bg_trans_input.png) left top repeat;
			margin-right: 10px;
		}
		.trip_des{
			color: #75ab26;
		}
		.trip_info.content_form input[type="text"]{width: 168px;}
		.ui-datepicker{
			font-family: Tahoma!important;
			font-size: 14px!important;
			width: 14em!important;
		}
		.trip_info  tr:first-child td{border: none;padding: 0;}
		.trip_info  td{width: 192px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 10px 0}
		.trip_info  td label{width: 178px; color: #fff;}
		.trip_info  td.trip_des label{color: #75ab26;}

		/* lien he fancybox */
		#contact{width: 470px;}
		#contact h3{
			font-size: 14px;
			font-weight: bold;
		}
		#contact textarea{
			width: 95%;
			color: #6a6a6a;
			height: 65px;
			padding: 2%;
			border: 1px solid #cdcdcd;
			-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.13);
			-moz-box-shadow:    inset 0px 1px 4px rgba(0, 0, 0, 0.13);
			box-shadow:         inset 0px 1px 4px rgba(0, 0, 0, 0.13);
		}
		#contact input[type="submit"]{
			padding: 5px 8px;
			float: right;
			cursor: pointer;
			color: #fff;
			border: none;
			margin-top: 10px;
		}
		.dieu-khoan{
			padding: 10px 25px 10px 15px;
			font-size: 13px;
			background: rgba(0, 0, 0, 0.41);
			line-height: 24px;
			text-align: justify;
		}
		.content_form label.sex{
			width: 63px;
			margin-right: 10px;
			-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
			-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
			box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
			color: #FFF;
			height: 17px;
			font-size: 14px;
			background: url(../images/bg_trans_input.png) left top repeat;
			border: none;
			outline: none;
			display: inline-block;
			padding: 10px;
		}
		.has-js .label_check,
		.has-js .label_radio { padding-left: 23px;color: #fff; }
		.has-js .label_radio { background: url(../images/radio-off.png) 0px 5px no-repeat;display: inline-block;margin-right: 15px; }
		.has-js .label_check { background: url(../images/check-off.png) 0px 4px no-repeat; font-style: italic; margin-top: 10px; }
		.has-js .label_check:hover{color: #fff;}
		.has-js label.c_on { background: url(../images/check-on.png) 0px 4px no-repeat; }
		.has-js label.r_on { background: url(../images/radio-on.png) 0px 5px no-repeat; }
		.has-js .label_check input,
		.has-js .label_radio input { position: absolute; left: -9999px; }

		.has-js .label_check_list { background: url(../images/dl_check_off.png) 15px 2px no-repeat;padding-left: 40px;font-size: 14px;color: #fff;  }
		.has-js .label_check_list:hover{color: #fff;}
		.has-js .label_check_list input{position: absolute; left: -9999px;}
		.has-js label.ch_on { background: url(../images/dl_check_on.png) 15px 2px no-repeat; }

		/*EVENT*/
		.event_info {
			line-height: 24px;
		}
		.event_thumb {
			margin-bottom: 15px;
		}
		.small_thumb{
			float: left;
			margin-right: 15px;
		}
		.event_title{
			font-weight: bold;
			color: #75AB26;
		}
		.event_icon {
			vertical-align: middle;
			margin-right: 5px;
		}
		.event_list img{
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.content_form p.input_wrapper.fl{margin-right: 20px;}

	.trip_info tr.list:hover {
	background: rgba(255, 255, 255, 0.05);
	}